@function rem($size){
    @return ($size/75)*1rem;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #E83D2C;
}
main{
    font-size: rem(16);
    .top{
        position: relative;
        width: rem(750);
        height: rem(890);
        background: url('../img/redpackge.png')no-repeat center/100% 100%;

        .top-head{
            position: absolute;
            left: 50%;
            top: rem(40);
            width: rem(90);
            height: rem(90);
            border-radius: 50%;
            background: url('../img/head.png')no-repeat center/100% 100%;
            transform: translateX(-50%);
        }
        .top-num{
            position: absolute;
            left: 50%;
            top: rem(450);
            transform: translateX(-50%);
            font-size: rem(30);
            i{
                font-style: normal;
                color: #E93C2C;
                font-size: rem(48);
                font-weight: bold;
            }
        }
        button{
            position: absolute;
            top: rem(610);
            left: 50%;
            width: rem(400);
            height: rem(80);
            border: 0;
            background-color: #FFEF8D;
            border-radius: rem(80);
            text-align: center;
            line-height: rem(80);
            transform: translateX(-50%);
            color: #E93C2C;
            font-size: rem(30);
            
        }
    }
}